<template>
	<div id="app">
		<v-header></v-header>
		<div class="tab border-1px">
			<div class="tab-item">
				<router-link to="/goods">商品</router-link>
			</div>
			<div class="tab-item">
				<router-link to="/comment">评论</router-link>
			</div>
			<div class="tab-item">
				<router-link to="/seller">商家</router-link>
			</div>
		</div>
	</div>
</template>

<script>
	import VHeader from './components/header/v-header.vue';
	export default {
		components: {
			'v-header': VHeader
		}
	};
</script>

<style  lang="scss" scoped="scoped">
	#app {
		.tab {
			display: flex;
			width: 100%;
			height: 40px;
			line-height: 40px;
			.tab-item {
				flex: 1;
				text-align: center;
			}
		}
	}
</style>
